<template>
  <div>
    <div class="content">
      <!-- 输入邮箱地址组件 -->
      <!-- <div class="mui-input-row">
        <input type="text" placeholder="请输入邮箱地址">
      </div>
      <button type="button" class="mui-btn mui-btn-warning mui-btn-block">
        <span>下一步</span>
      </button> -->
      <!-- 发送邮箱验证码 -->
      <div class="send-email">
        <span class="text">
          邮箱验证已发送至：
          <span class="phone">1************6@qq.com</span>，请在24小时内进行邮箱验证
        </span>
        <button type="button" class="mui-btn mui-btn-warning mui-btn-block re-send">
          <span>重新发送</span>
        </button>     
        <div class="back" @click="goback">已完成，返回>></div>  
      </div>
    </div>
  </div>
</template>
<script>
import { Toast } from 'mint-ui'
export default {
  data() {
      return {
      };
    },
     created() {
       Toast('暂未开通')
     },
    props: {},
    methods: {
      goback() {
        this.$router.push({
          path: "/home",
        })
      }
    }
}
</script>
<style scoped>
/* 输入邮箱地址 */
.content{
  margin-top:10px;
}
.mui-input-row{
  position: relative;
  top:30px;
  left:15%;
}
.mui-input-row input{
  width:70%;
  border:none;
  background-color:#f5f5f5;
  font-size: 13px;
  color:#999999;
  border-radius: 0px;
  border-bottom: 1px solid #cccccc;
  padding-left:0px;
}
.mui-btn-warning{
  position: relative;
  top:30px;
  left:15%;
  width:70%;
  border-radius:20px;
  height:40px;
  line-height: 40px;
  font-size:15px;
  color:#FFFFFF;
  background:#EACFB9;
  border:#EACFB9;
}
.mui-btn-warning span{
  position: relative;
  top:-9px;
}

/* 发送短信 */
.send-email{
  position: relative;
  top:20px;
}
.text{
  position: relative;
  left:3%;
  display: block;
  width:94%;
  margin-right:0px;
  color: #666666;
  font-size:13px;
  text-align:left;
}
.phone{
  display: inline-block;
  color:#C99E67;
  font-size:13px;
}
.re-send{
  border:#C99E67;
  background:#C99E67;
  display: block;
}
.back{
  width:100%;
  margin-top:45px;
  color:#C99E67;
  font-size:13px;
  text-align: center;
}
</style>